function showAddToCart(id, title, cant){		
    $('#modalAddToCart span').html("¿Cuantos ejemplares de "+title+" deseas agregar a tu carrito?");
    $("#numEjemplares").attr("bid", id);
    var options = "";
    for(var i=1; i<=cant;i++){
        options += "<option value="+i+">"+i+"</option>";
    }
    $('#modalAddToCart select').html(options);
    $('#modalAddToCart').reveal();
}

function getRevistas(){
    $.ajax({
        url: 'RevistaServlet', 
        type: 'POST',
        dataType: 'json',
        data: {
            metodo: "getRevistas"
        },
        success: 
            function(data) {
                var html;
                var i, j;
                $("#vistaRevistas").empty();
                html = '<fieldset id="vistaRevistas" name="vistaRevistas">';
                html +=      '<legend>Revistas</legend>';
                html += '</fieldset>';
                if(data != null){
                    var revistas = data.revistas;
                    for(i = 0; i < revistas.length; i++){
                        html +=  '<div class="container">';
                        html += '    <span id="tituloRevista' + revistas[i].idRevista + '" name="tituloRevista' + revistas[i].idRevista + '" class="nombreDeRevista" onclick="publicaRevista('+revistas[i].idRevista+', \''+revistas[i].nombre+'\')">' + revistas[i].nombre + '</span>';
                        html += '    <span id="fechaRevista' + revistas[i].idRevista + '" name="fechaRevista' + revistas[i].idRevista + '" class="fecha">' + revistas[i].fechaInicio + '</span>';
                        html += '    <p>';
                        html +=           '<ul>';
                        var articulos = revistas[i].articulos;
                        for(j = 0; j < articulos.length; j++){
                            html +=            '<li style="margin-top: 10px;">' + articulos[j].titulo + '</li>';
                            html +=            '<span style="margin-bottom: 10px">' + articulos[j].resumen.contenidoResumen + '</span>';
                            html +=            '<br/>';
                        }
                        html +=           '</ul>';
                        html += '    </p>';
                        html += '</div>';
                    }
                    $("#vistaRevistas").append(html);
                }
            },
        error:
            function(xhr, ajaxOptions, thrownError){
                alert('ERROR ' + xhr.responseText);
            }
    });
}

function publicaRevista(idRevista1, nombre){
    var ok = confirm("Quieres publicar la revista: " + nombre);
    if(ok){
       $.ajax({
            url: 'RevistaServlet', 
            type: 'POST',
            dataType: 'json',
            data: {
                metodo: "publicaRevista",
                idRevista: idRevista1
            },
            success: 
                function(data) {
                    getRevistas();
                },
            error:
                function(xhr, ajaxOptions, thrownError){
                    alert('ERROR ' + xhr.responseText);
                }
        }); 
    }
}

function getArticulos(){
    $.ajax({
        url: 'ControlArticulos', 
        type: 'POST',
        dataType: 'json',
        data: {
            metodo: "getArticulos"
        },
        success: 
            function(data) {
                var html;
                var i;
                if(data != null){
                    var articulos = data.articulos;
                    for(i = 0; i < articulos.length; i++){
                        html =  '<div class="container">';
                        html += '    <span id="tituloArticulo' + articulos[i].idArticulo + '" name="tituloArticulo' + articulos[i].idArticulo + '">' + articulos[i].titulo + '</span>';
                        html += '    <span id="fechaArticulo' + articulos[i].idArticulo + '" name="fechaArticulo' + articulos[i].idArticulo + '" class="fecha">' + articulos[i].fechaCreacion + '</span>';
                        html += '    <p>';
                        html +=           articulos[i].resumen.contenidoResumen;
                        html += '    </p>';
                        html += '</div>';
                        $("#vistaArticulos").append(html);
                    }
                }
            },
        error:
            function(xhr, ajaxOptions, thrownError){
                alert('ERROR ' + xhr.responseText);
            }
    });
}

function getArticulosPorNombreOFecha(){
    var varBusqueda = 'null';
    var varFecha = 'null';
    if($('#buscarArticuloNombre').val().length > 0){
        varBusqueda = $('#buscarArticuloNombre').val();
    }
    if($('#buscarArticuloFecha').val().length > 0){
        varFecha = $('#buscarArticuloFecha').val();
    }
    
    $.ajax({
        url: 'ControlArticulos', 
        type: 'POST',
        dataType: 'json',
        data: {
            metodo: "getArticulosPorNombreOFecha",
            busqueda: varBusqueda ,
            fecha: varFecha
        },
        success: 
            function(data) {
                var html;
                var i;
                if(data != null && data.articulos.length > 0){
                    var articulos = data.articulos;
                    if(typeof articulos !== 'undefined' && articulos != null && articulos.length > 0){
                        html = '<span style="display: block; margin-bottom: 15px;">Artículos</span>';
                        for(i = 0; i < articulos.length; i++){
                            html +=  '<div class="container">';
                            html += '    <span id="tituloArticulo' + articulos[i].idArticulo + '" name="tituloArticulo' + articulos[i].idArticulo + '">' + articulos[i].titulo + '</span>';
                            html += '    <span id="fechaArticulo' + articulos[i].idArticulo + '" name="fechaArticulo' + articulos[i].idArticulo + '" class="fecha">' + articulos[i].fechaCreacion + '</span>';
                            html += '    <p>';
                            html +=           articulos[i].resumen.contenidoResumen;
                            html += '    </p>';
                            html += '</div>';

                        }
                        $("#contenedorDeArticulos").css("display", "");
                        $("#contenedorDeArticulos").empty();
                        $("#contenedorDeArticulos").append(html);
                    }
                    else{
                        $("#contenedorDeArticulos").css("display", "");
                        $("#contenedorDeArticulos").empty();
                        $("#contenedorDeArticulos").append('<span style="display: block; margin-bottom: 15px;">No hubo resultados</span>');
                    }
                }
                else{
                    $("#contenedorDeArticulos").css("display", "");
                    $("#contenedorDeArticulos").empty();
                    $("#contenedorDeArticulos").append('<span style="display: block; margin-bottom: 15px;">No hubo resultados</span>');
                }
            },
        error:
            function(xhr, ajaxOptions, thrownError){
                alert('ERROR111 ' + xhr.responseText + ' ' + thrownError);
            }
    });
}